body{
    background-image: url(img/bg.jpg);
    /* background-size: cover; */
}
.picture{
    width: 90%;
    margin: 0 auto;
}
.picture>img{
    width: 100%;
 
}
.words{
    margin-top: 17%;
    margin-left: 6%;
    float: left;
    position: absolute;
}
@font-face {
    font-family: 一纸情书;
    src: url("字体/一纸情书.ttf");
}


.words>p{
    font-size: 2em;
    font-family: 一纸情书;
    color: #f00

}
.container{
    width: 70%;
    height: 100%;
    margin: 0 auto;
    padding: px 20px;
    margin-top: 5px;
}

@font-face {
    font-family: 肥宅;
    src: url("字体/肥宅快乐体.ttf");
}
.status{
    margin-top: 10px;
    height: 300px;
    width: 40%;
    float: left;
    position: relative;
    background-image: url(img/honor.jpg);
    background-size: cover;
}
.status>p{
    color: #343a39;
    font-family: 肥宅;
    color: #1FD1FF;
    font-size: 30px;
}

.tu{
    width: 80px;
    height: 80px;
    position: absolute;
    border-radius: 50%;
    left: 75%;
    top:70%;

}
.tu>img{
    width: 100%;
    height: 100%;
    border-radius: 50%;

}

@font-face {
    font-family: 恐龙;
    src: url("字体/小恐龙体.ttf");
}
.container>.canyoutry{
    float: left;
    width: 20%;
    font-family:恐龙;
    font-size: 2em;
}
.canyoutry>p{
    display: block;
    float: right;
}

.header>a>.box{
    top:0px;
    position: relative;
    width: 320px;
    height: 320px;
    float: left;
    border-radius: 50%;
    background-image: url(img/Q.jpeg);
    background-size: cover;
}
.header>a>.box:hover{
    background-image: url(img/wechat.png);
}
hr{
    clear: both;
}



@font-face {
    font-family: 空阴;
    src: url("字体/空阴.ttf");
}
.second{
    width: 100%;
    height: 300px;
    border-radius: 5%;
}
.second>.words2box{
    float: left;
    width: 30%;
    height: 100%;
    background-image: url(img/刺激.jpg);
    background-size: cover;
    border-radius: 5%;
    margin-left: 1%;
    margin-right: 1%;
}
.words2{
    margin-left: 15px;
    font-family: 一纸情书;
    font-size: 20px;
    color:#0f0;
    float: left; 
}


.second>.actually{
    float: left;
    height: 300px;
    width: 30%;
    margin-left: 2%;
    margin-right: 2%;
}
.actually>.actbox{
    height: 100%;
    width: 100%;
    border-radius: 5%;
    animation-name: revolve;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}
.actually a{
    height: 100%;
    width: 100%;
    display: block;
}
.actbox>a>img{
    width: 100%;
    height:100%;
    border-radius:5%; 
}
@keyframes revolve{
    0%{
        transform: rotate(0deg)
    }
    100%{
        transform: rotate(360deg)
    }
}
.actbox>a>img:hover{
    transform: scale(1.1,1.1);
}

.second>.english{
    width: 30%;
    height: 100%;
    float: left  ;
    background-image: url(img/bird.gif);
    background-size: cover;
    border-radius: 5%;
    margin-left: 1%;
    margin-right: 1%;
}
.english>.engbox{
    margin-top: 15px;
    width: 100%;
    height: 100%;
    margin-right: 15px;
    font-family: 肥宅;
    font-size: 20px;
    color:rgb(235, 34, 144);
    float: left; 
}

@font-face {
    font-family: 果冻;
    src: url("字体/果冻体.ttf");
}
.footer{
    width: 100%;
    height:300px;
    background-color: bisque;
}
.footer>div{
      
    margin-left: 2%;
    margin-right:1%;  
}
.footer>.words3{
    width: 30%;
    height: 100%;
    font-family: 果冻;
    float: left;
    color: tomato;
    font-size: 2em;
    /* margin-left: 2%;
    margin-right: 2%; */
    background-image: url(img/shu.gif);
    background-size: cover;
}

.footer>.picture_footer{
    float: left;
    width: 30%;
    height: 100%;
    /* margin-left: 2%;
    margin-right:2%; */
}
.picture_footer>img{
    width: 100%;
    height: 100%;
}
.footer>.myself{
    width: 30%;
    float: left;
    font-family: 肥宅;
    font-size: 3em;
    /* margin-left: 2%;
    margin-right:2%;     */
}
.myself>p{
    text-align: center;
}
